/*reset*/

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0px;
}

:focus {
	outline: 0;
}

body,
ul,
img,
p,
input,
dl,
dd,
tr,
th,
td {
	margin: 0;
	padding: 0;
	font-family: '微软雅黑';
}

em {
	font-style: normal;
}

img {
	border: none;
	height: auto;
	max-width: 100%;
}

a {
	text-decoration: none;
}

input {
	padding: 0px;
	vertical-align: middle;
	line-height: normal;
	border: none;
}

body {
	overflow-x: hidden;
	font-size: 13px;
	line-height: 24px;
	word-wrap: break-word;
	color: #333;
}

a {
	line-height: 24px;
	color: #666;
}

.table-responsive {
	overflow: auto;
	min-height: .01%;
}

.clearfix {
	*zoom: 1;
}

.clearfix:before,
.clearfix:after {
	line-height: 0;
	display: table;
	content: "";
}

.clearfix:after {
	clear: both;
}

a:hover {
	text-decoration: none !important;
}

a:focus {
	outline-style: none;
	-moz-outline-style: none;
	text-decoration: none;
}

.clear {
	clear: both;
}

a:hover,
img:hover {
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-o-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-ms-transition: 0.5s all;
}

a,
img {
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-o-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-ms-transition: 0.5s all;
}

ul li {
	list-style-position: inside;
	list-style: none;
}

a {
	text-decoration: none;
}

img {
	display: block;
}

.main ul li a {
	color: #fff;
}

.banner .text {
	z-index: 10;
	position: absolute;
	left: 10%;
	top: 40%;
	width: 80%;
	color: #fff;
}

.banner .text span {
	display: inline-block;
	opacity: 0;
	/*letter-spacing: 5px;*/
	-webkit-transform: translate(100px);
	transform: translate(100px);
	-webkit-transition: .8s cubic-bezier(.32, .6, .4, 1.21);
	transition: .8s cubic-bezier(.32, .6, .4, 1.21);
}

.banner .swiper-slide-active .text span {
	opacity: 1;
	-webkit-transform: translate(0);
	transform: translate(0)
}

.banner .text p:first-child {
	font-size: 50px;
	font-weight: 700;
	width: 50%;
	height: 70px;
}

.banner .text p:nth-child(2) {
	font-size: 20px;
	line-height: 35px;
	width: 35%;
	margin-top: 30px;
	font-family: light;
	font-weight: lighter;
}

.banner .text p:nth-child(3) {
	font-size: 12px;
	color: hsla(0, 0%, 100%, .2);
	width: 30%;
	margin-top: 30px;
	line-height: 20px;
}

.banner .text p:nth-child(3) span {
	letter-spacing: 0;
}

.banner img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	display: block;
	z-index: 1;
	cursor: pointer;
}

.banner {
	width: 100%;
	height: 100vh;
	position: relative;
}

.banner .swiper-container {
	height: 100%;
}

.banner .scr {
	width: 10%;
	position: absolute;
	left: 45%;
	bottom: 0;
	z-index: 1000;
	height: 120px;
	text-align: center;
	text-transform: uppercase;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.banner .scr span:first-child {
	color: #fff;
	padding-bottom: 10px;
	font-size: 12px;
}

.banner .scr span:nth-child(2) {
	width: 1px;
	height: 100px;
	background-color: hsla(0, 0%, 100%, .2);
	position: relative;
	margin-left: 50%;
}

.banner .swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
	top: 55%;
	right: 1.5%;
	width: 15%;
	left: 83.5%;
}
.bankuai-con .swiper-pagination-fraction{
	position: relative;
	bottom: 0;
}
.bankuai .main .left .p3 .swiper-pagination-fraction span{
	display: inline-block; padding: 0;
	color: #fff;
}
.banner .next {
	position: absolute;
	right: 0;
	top: 50%;
	width: 10%;
	text-transform: uppercase;
	color: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-family: futu;
}

.banner .next span:nth-child(2) {
	display: inline-block;
	height: 1px;
	background-color: hsla(0, 0%, 100%, .2);
	width: 80%;
}

.shunjian img {
	width: 100%;
}
.tzgg{
	
	margin: 0 auto;
	overflow: hidden;
	background:#F8F8F8;
	padding: 25px 0;
}
.tzgg .tzgg-container{ width: 1350px; margin: 0 auto;}
.tzgg-container i{ font-size: 25px; line-height: 30px; color: #333;}
#divgundong{width: 95%; text-indent: 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-style: normal; line-height: 30px; height: 30px; float: left;}
#divgundong a{ color: #333; font-size:14px;}
#divgundong p{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 50%; float: left;}
#divgundong a:hover{ color: #932414;}
.about {
	position: relative;
	height: 800px;
}

.about .about-con {
	position: absolute;
	top: 15%;
	left: 15%;
	width: 70%;
}

.about .about-con .line {
	width: 20%;
	height: 1px;
	background-color: #828282;
}

.about .about-con .title {
	font-size: 42px;
	text-transform: uppercase;
	text-align: center;
	width: 50%;
	margin-top: 50px;
	color: #444546;
	font-family: arial;
}

.about .about-con .content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	width: 100%;
	margin-top: 60px;

}

.about .about-con .content .left {
	padding-top: 80px;
	position: relative;
}

.about .about-con .content .left p {
	text-transform: uppercase;
	font-size: 18px;
	font-weight: 700;
	color: rgba(68, 69, 70, .2);
	position: absolute;
	bottom: -10px;
	left: 10px;
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
	-webkit-transform-origin: left;
	transform-origin: left;
}

.about .about-con .content .left img {
	margin-left: 40px;
	-o-object-fit: cover;
	object-fit: cover;
}
.about-con .btn img{ display: inline-block;}
.about .about-con .content .right {
	margin-left: 5%;
	width: 60%;
}

.about .about-con .content .right .shun {
	font-size: 24px;
	font-weight: 700;
	background: -webkit-gradient(linear, left top, right top, from(#932414), to(#932d1e));
	background: linear-gradient(90deg, #932414, #932d1e);
	-webkit-background-clip: text;
	color: transparent;
	font-family:Oswald ;
	letter-spacing: 5px;
}
.about .about-con .content .right .shun1 {
	font-size: 24px;
	font-weight: 700;
	color: #333;
	font-family:Oswald ;
	margin-top: 20px;
}

.about .about-con .content .right .jianjie {
	margin-top: 30px;
	font-family: normal;
text-align: justify;
	font-size: 15px;
	line-height: 30px;
}

.about .right ul {
	padding-top: 40px;
	overflow: hidden;
}

.about .right ul li {
	width: 25%;
	text-align: center;
	float: left;
}

.about .right ul li h2 strong {
	color: #333;
	font-size: 32px;
/*	margin-right: 10px;*/
	font-family: Oswald;
}

.about .right ul li h3 {
	color: #333;
	margin-top: 20px;
	font-size: 16px;
	opacity: 0.7;
	font-weight: normal;
}
.ln p{ font-family: arial;}
.about-con .btn{  
	margin-top: 40px;
	 width: 60px;
    height: 60px;
    border-radius: 50%;
    border: 1px solid #932414;
    text-align: center;
    position: relative;
    cursor: pointer;
    -webkit-transition: all 2s;
    transition: all 2s;
    -webkit-tap-highlight-color: rgba(255,255,255,0);
    line-height: 60px;
    overflow: hidden;
    font-size: 24px;
    color: #932414;
    } 
.about-con .btn a{
	color: #932414;
}
.about-con .btn:hover{
	background: #932414;
}
.about-con .btn:hover a{
	color: #fff;
}
.bankuai {
	position: relative;
	background: url(../images/shunjianbg.jpg) no-repeat;
	background-size:100% 100% ;
	padding: 100px 0 70px 0;
	
}

.bankuai-con {
	width: 1350px;
	margin: 0 auto;
	overflow: hidden;
	padding-bottom: 70px;
/*	height: 550px;*/
}

.bankuai .main {
	width: 100%;
	/*display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;*/
	position: relative;
}

.bankuai .main .left {
	width: 100%;
	-webkit-transition: all .6s;
	transition: all .6s;

}
.bankuai .main img{ width:100%;}

.bankuai .main .left .p1 {
	font-size: 25px;
	color: #932414;
	position: relative;
	text-transform:uppercase;
	font-family:Oswald ;
	letter-spacing: 5px;
	
}

.bankuai .main .left .p1:before {
	position: absolute;
	content: "";
	display: inline-block;
	width: 1px;
	height: 80px;
	left: 0;
	top: 0;
	background-color: #828282;
	display: none;
}

.bankuai .main .left .p2 {
	font-size: 24px;
	color: #444546;
	text-transform: uppercase;
	font-weight: 700;
	margin: 20px 0 50px 0;
	
	/*position: absolute;*/
	/*left: 0;
	top: 8%;*/
	width: 50%;
	font-family: arial;
}

.bankuai .main .left .p3 {
	position: absolute;
	width: 394px;
	font-size: 14px;
	color: #444546;
	line-height: 30px;
	/*margin-top: 100px;*/
	height: 587px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 10;
	overflow: hidden;
	text-align: justify;
	background: url(../images/shunjian.png) no-repeat;
	padding:40px;
	right: 15%;
	top: 65px;

}
.bankuai .main .left .red{
	background: #932414;
	display: inline-block;
	color: #fff;
	padding: 5px 15px;
	margin-top: 12px;
	font-size:18px ;
	position: absolute;
	right: 50px;
	top: 0;
	
	
}
.bankuai .main .left .red .swiper-pagination-current{ font-size: 20px;}
.bankuai .main .left .red em{  font-size: 28px;}
.bankuai .main .left .p3 h2{ margin-top: 60px; padding: 0 10px;}
.bankuai .main .left .p3 h2 i{ float: left; margin-top: 5px; margin-right: 10px; line-height: 31px;  display: inline-block; width: 15px; height: 15px; border-radius: 50%; border:3px solid #000;}
.bankuai .main .left .p3 span{ padding:20px 40px; display: block; font-size: 14px; line-height: 35px; color: #444546; }
.bankuai .main .left .p4 {
	color: #444546;
	font-family: normal;
	font-weight: lighter;
	font-size: 14px;
	/*position: absolute;
	top: 70%;
	left: 0;*/
	cursor: pointer;
	padding-left: 40px;
	/*margin-top: 50px;*/
}

/*.bankuai .main .left p {
	padding-left: 20px;
}*/

.swiper-container1 {
	position: relative;
}

.swiper-container1 .swiper-button-next,
.swiper-container1 .swiper-button-prev {
	top: 5%;
	right: 85%;
}
.swiper-container1 .swiper-button-prev {
	width: 60px;
    height: 60px;
    border-radius: 50%;
    border: 1px solid #932414;
    text-align: center;
   background: none;
   text-align: center;
   line-height: 60px;
   overflow: hidden;
       font-size: 24px;
    color: #932414;
    left:85%

}
.swiper-container1 .swiper-button-prev:hover{
	background: #932414;
	color: #fff;
}
.swiper-container1 .swiper-button-next:hover{
	background: #932414;
	color: #fff;
}
.swiper-container1 .swiper-button-prev img{ display: inline-block;}
.swiper-container1 .swiper-button-next {
	right: 3%;
	top: 5%;
	    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: 1px solid #932414;
    text-align: center;
   background: none;
   text-align: center;
   line-height: 60px;
   overflow: hidden;
    font-size: 24px;
    color: #932414;
}
.swiper-container1 .swiper-button-next img{ display: inline-block;}
.swiper-container1 .swiper-button-next.swiper-button-disabled, .swiper-container1 .swiper-button-prev.swiper-button-disabled{ opacity: .8;}




/*.swiper-container2 .swiper-button-next,
.swiper-container2 .swiper-button-prev {

	top: 0%;
}*/
.swiper-container2 .swiper-button-prev {
	width: 60px;
    height: 60px;
    border-radius: 50%;
    border: 1px solid #932414;
    text-align: center;
   background: none;
   text-align: center;
   line-height: 60px;
   overflow: hidden;
   left: 85%;
   top:5%;
   font-size: 24px;
       color: #932414;

}
.swiper-container2 .swiper-button-prev:hover{
	background: #932414;
	color: #fff;
}
.swiper-container2 .swiper-button-next:hover{
	background: #932414;
	color: #fff;
}
.news .swiper-container2 .swiper-button-prev img{ display: inline-block; width: 23px; height: 23px;}
.swiper-container2 .swiper-button-next {
	right: 0%;
	 top: 5%;
	    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: 1px solid #932414;
    text-align: center;
   background: none;
   text-align: center;
   line-height: 60px;
   overflow: hidden;
   font-size: 24px;
       color: #932414;
}
.news .swiper-container2 .swiper-button-next img{ display: inline-block; width: 23px; height: 23px;}
.swiper-container2 .swiper-button-next.swiper-button-disabled, .swiper-container2 .swiper-button-prev.swiper-button-disabled{ opacity: .8}

.news {
	width: 1350px;
	margin: 60px auto 0 auto;
	position: relative;
	padding-bottom: 60px;
}

.news .swiper-container3 {
	display: none;
}

.news .line {
	width: 20%;
	height: 1px;
	background-color: #828282;
}

.news .a {
	font-size: 25px;
	font-weight: 700;
	color: #932414;
	text-transform: uppercase;
	font-family:Oswald ;
	letter-spacing: 5px;
}

.news .title {
	width: 35%;

	text-align: left;
	padding-top: 15px;
}

.news .b {
	font-size: 24px;
	font-weight: 700;
	text-transform: uppercase;
	color: #444546;
	font-family: arial;

}

.news .main {
	width: 100%;
	 margin: 0 auto;
	 overflow: hidden;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	padding: 80px 0 20px 0;
	
}

.news .main .left {
	position: absolute;
	top: 10%;
	left: 5%;
	width: 90%;
	color: #fff;
	font-size: 14px;
	line-height: 30px;
	z-index: 100;
	text-align: left;
}

.news .main img {
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	height: 100%;
}

.news .main .b {
	width: 100%;
	height: 100%;
	display: inline-block;
	left: 0;
	top: 0;
	background-color: rgba(147, 36, 20, .4);
	position: absolute;
	z-index: 10;
	opacity: 0;
	-webkit-transition: all .6s;
	transition: all .6s;
}

.news .main span {
	width: 50px;
	height: 50px;
	position: absolute;
	top: 45%;
	left: 45%;
	z-index: 100;
	opacity: 0;
	-webkit-transition: all .6s;
	transition: all .6s;
	color: #FFFFFF;
	font-size: 36px;
}

.news .main .left p:first-child {
	font-size: 18px;
	font-weight: bolder;
	text-shadow: 2px 2px 6px rgba(0, 0, 0, .8);
}

.swiper-container2 {
	width: 100%;
	height: 100%;
}

.swiper-container2 .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.swiper-container3 {
	width: 100%;
	height: 100%;
}

.swiper-container3 .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.news .swiper-slide:hover .b {
	opacity: 1;
}

.news .swiper-slide:hover span {
	opacity: 1;
	color: #fff;
}

.map {
	width: 100%;
	padding-bottom: 80px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
}

.map .left {
	height: 626px;
	width: 60%;
	overflow: hidden;
}

.map .infor {
	width: 40%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	background-color: #141720;
	color: #fff;
	font-family: normal;
	font-weight: lighter;
	padding: 60px 0;
}

.map .infor .item {
	padding: 20px 100px;
	height: 20%;
	cursor: pointer;
	-webkit-transition: all 2s;
	transition: all 2s;
	line-height: 30px;
}
.map .infor .item p:nth-child(1) {
	font-size: 18px;
}
.map .infor .item p:nth-child(2) {
	font-size: 16px;
}

.ln {
	width: 1280px;
	margin: 0 auto;
	/*display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;*/
	padding-bottom: 80px;
}

.ln .left {
	width: 100%;
}

.ln .left .line {
	width: 80%;
	height: 1px;
	background-color: #828282;
	display: none;
}

.ln .left .a {
	font-size: 25px;
    font-weight: 700;
    color: #932414;
    text-transform: uppercase;
    font-family: Oswald;
    letter-spacing: 10px;
}

.ln .left .b {
	    font-size: 24px;
    font-weight: 700;
    text-transform: uppercase;
    color: #444546;
    font-family: arial;
    padding-top: 15px;
}

.ln .left .c {
	font-size: 14px;
	font-family: normal;

	margin: 30px 0;
	line-height: 30px;
}

.ln .right {
	width: 65%;
	margin-left: 5%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	display: none;
}

.ln .right .item {
	width: 32%;
	overflow: hidden;
	cursor: pointer;
	position: relative;
}

.ln .right .item .text {
	position: absolute;
	left: 10%;
	width: 90%;
	color: #fff;
	line-height: 25px;
	font-size: 14px;
	bottom: 5%;
	z-index: 100;
}

.ln .right .item .black {
	position: absolute;
	left: 0;
	top: 0;
	background-color: rgba(0, 0, 0, .6);
	width: 100%;
	height: 100%;
	-webkit-transition: all 1s;
	transition: all 1s;
	z-index: 10;
	opacity: 0;
}

.ln .right .item .line-1 {
	top: 0;
	left: 0;
	width: 0;
	height: 5px;
}

.ln .right .item .line {
	position: absolute;
	background-color: #932414;
	-webkit-transition: .6s;
	transition: .6s;
}

.ln .right .item .line-2 {
	top: 0;
	left: 0;
	width: 5px;
	height: 0;
}

.ln .right .item .line-3 {
	bottom: 0;
	right: 0;
	width: 0;
	height: 5px;
}

.ln .right .item .line-4 {
	bottom: 0;
	right: 0;
	width: 5px;
	height: 0;
}

.ln .right .item:hover img {
	-webkit-transform: scale(1.05);
	transform: scale(1.05)
}

.ln .right .item:hover .black {
	opacity: 1
}

.ln .right .item:hover .line-1,
.ln .right .item:hover .line-3 {
	width: 100%
}

.ln .right .item:hover .line-2,
.ln .right .item:hover .line-4 {
	height: 100%
}

.footer {
	width: 100%;
	background-color: #141720;
}

.footer .one {
	width: 1440px;
	margin: 0 auto;
	padding: 40px 0;
	-webkit-box-orient: horizontal;
	-ms-flex-direction: row;
	flex-direction: row;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-direction: normal;
}

.footer .one .left {
	-webkit-box-orient: vertical;
	-ms-flex-direction: column;
	flex-direction: column;
	width: 22%;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-direction: normal;
}

.footer .one .left img {
	width: 120px;
	
}

.footer .one .nav {
	width: 43%;
	-webkit-box-orient: horizontal;
	-ms-flex-direction: row;
	flex-direction: row;
	font-size: 12px;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-direction: normal;
}
.footer .one .nav h2{ color: #fff; font-weight: normal; padding-bottom: 10px; font-size: 14px;}
.footer .one .nav .right p:first-child {
	font-size: 14px;
	color: #fff;
	padding-bottom: 10px;
}

.footer .one .nav .right p a {
	color: #bababa;
}

.footer .one .rightInfo {
	margin-left: 10%;
	text-align: center;
	color: #fff;
	font-size: 12px;
	line-height: 30px;
}

.footer .one .rightInfo p {
	-webkit-transition: all 2s;
	transition: all 2s;
}

.footer .two {
	width: 100%;
}

.footer .two .mainCon {
	width: 1280px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin: 0 auto;
	color: #fff;
	border-top: 1px solid hsla(0, 0%, 100%, .2);
	padding: 30px 0;
	font-size: 14px;
}

.footer .two .mainCon a {
	color: #fff;
	-webkit-transition: all 2s;
	transition: all 2s;
}

.top {
	display: none;
}

.menuBox {
	display: none;
}
.about-img img{ width: 100%; }
.about-box{width: 100%;
    background-color: hsla(0,0%,100%,.8);
    padding: 1px 0;
    border-bottom: 1px solid rgba(0,0,0,.2);}
 
.about-box .current{ background-color: #932414;}  
.about-box .current a{ color: #fff;}  
.about-box ul{
	width: 1280px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.about-box ul li{
	    display: inline-block;
  
    cursor: pointer;
    -webkit-transition: all 2s;
    transition: all 2s;
    font-size: 15px;
    text-transform: uppercase;
}
.about-box li:hover{ background: #932414;}
.about-box li:hover a{ color: #fff;}
.about-main{width: 100%; padding-bottom: 100px; overflow: hidden;}
.about-main .big{
    width: 90%;
    margin-left: 10%;
    -o-object-fit: cover;
    object-fit: cover;
}   
.about-main .content{
    width: 1280px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-top: -260px;
}
.about-main .content .left{
    width: 55%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.about-main .content .left .a{
    font-size: 25px;
    color: #444546;
    font-weight: 700;
    padding-bottom: 10px;
    border-bottom: 1px solid #828282;
    width: 60%;
    position: relative;
}    
.about-main .content .left .b{
    font-size: 25px;
    font-weight: 700;
    background: -webkit-gradient(linear,left top,right top,from(#932414),to(#932d1e));
    background: linear-gradient(90deg,#932414,#932d1e);
    -webkit-background-clip: text;
    color: transparent;
    padding: 40px 0;
}    
.about-main .content .left ul {
	padding-top: 60px;
	overflow: hidden;
}

.about-main .content .left ul li {
	width: 25%;
	text-align: center;
	float: left;
}

.about-main .content .left li h2 strong {
	color: #333;
	font-size: 32px;
	    font-family: Oswald;
}

.about-main .content .left li h3 {
	color: #333;
	margin-top: 30px;
	font-size: 16px;
	opacity: 0.7;
	font-weight: normal;
}   
.about-main .content .right{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    position: relative;
    width: 42%;
    margin-left: 3%;

}    
.about-main .content .right p{
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 700;
    color: rgba(68,69,70,.2);
    position: absolute;
    bottom: 0;
    left: -10px;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: left;
    transform-origin: left;
    font-family: arial;
}
.zzjg{ background: url(../images/zzjg1.jpg) no-repeat; background-size:cover ; width: 100%; position: relative; height: 1700px;}
.zzjg .add{
    position: absolute;
    top: 40px;
    left: 15%;
    width: 1280px;
}    
.zzjg .title{
    width: 30%;
    font-size: 24px;
    font-weight: 700;
    color: #444546;
    border-bottom: 1px solid #828282;
    position: relative;
    padding-bottom: 40px;
}    
.about-box ul li a{ display: block;     padding: 15px 80px;}    
.company{width: 100%; background-color: #f7f7f7;padding: 60px 0;}    
.company .title{    font-size: 30px;
    font-weight: 700;
    padding-bottom: 30px;
    border-bottom: 1px solid hsla(0,0%,51%,.3);
    position: relative;
    text-align: center;
    width: 30%;
    margin-left: 35%;} 
.company .title:before{
	position: absolute;
    left: 40%;
    bottom: 0;
    content: "";
    display: inline-block;
    height: 1px;
    width: 20%;
    background-color: #932414;
}   
.company .content{
	width: 1280px;
    margin: 30px auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
} 
.company .content .item{
	width: 29%;
    background-color: #fff;
    padding: 40px 20px;
    margin-top: 60px;
    cursor: pointer;
    -webkit-transition: all 2s;
    transition: all 2s;
}    
.company .content .item p:first-child {
    font-size: 22px;
    font-weight: 700;
}   
.company .content .item p:nth-child(2){
    font-size: 15px;
    line-height: 40px;
    margin-top: 20px;
}    
.company .content .item span{
	display: inline-block;
    background-color: #e0e0e0;
    padding: 6px 20px;
    font-size: 14px;
    margin-top: 30px;
}   
.company .content .item:hover{ background: #932414; }
.company .content .item:hover p{color: #fff;}   
.company-page{    width: 1280px;
    margin: 60px auto;}    
.company-page .title{
    width: 100%;
    color: #444546;
    font-size: 22px;
    font-weight: 700;
    border-bottom: 1px solid hsla(0,0%,51%,.3);
    padding-bottom: 20px;
    position: relative;
    margin:0 auto;
}    
.company-page .title:before {
    position: absolute;
    left: 0;
    bottom: 0;
    content: "";
    display: inline-block;
    width: 30%;
    height: 2px;
    background-color: #932414;
}    
.company-page .content {
    width: 95%;
    margin-top: 60px;
    line-height: 30px;
    font-size: 14px;
     margin: 0 auto;
    overflow: hidden;
}  
.news-list{
	    width: 1280px;
    margin: 0 auto;
   /* padding-bottom: 60px;*/
   /* display: none;*/
}  
#content .show{ display: block;}
.news-list .title {
    width: 60%;
    color: #444546;
    font-size: 30px;
    font-weight: 700;
    border-bottom: 1px solid hsla(0,0%,51%,.3);
    padding-bottom: 20px;
    position: relative;
    text-align: center;
    margin: 80px 20%;
}   
.news-list .title:before {
    position: absolute;
    left: 35%;
    bottom: 0;
    content: "";
    display: inline-block;
    width: 30%;
    height: 1px;
    background-color: #932414;
}  
.news-list .jtxw{width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-bottom: 120px;}
.news-list .jtxw .item{
    width: 28%;
    margin-left: 2%;
    overflow: hidden;
    background-color: #fff;
    margin-top: 60px;
    cursor: pointer;
    padding: 10px 10px;
    -webkit-transition: all .6s;
    transition: all .6s;
    border: 1px solid #ddd;
} 
.news-list .jtxw .item .run{
	-webkit-transition: all .6s;
    transition: all .6s;
    /*margin-top: -30px;*/
} 
.news-list .jtxw .item a{ color: #000;}
.news-list .jtxw .item .run p:first-child {
    font-weight: 700;
    font-size: 18px;
    line-height: 30px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    height: 60px;
} 
.news-list .jtxw .item .run p:nth-child(2) {
    font-size: 14px;
    line-height: 40px;
}
.news-list .jtxw .item .run p:nth-child(3) {
    font-size: 14px;
    line-height: 34px;
    padding: 10px 0;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.news-list .jtxw .item .run img{
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.news-list .jtxw .item:hover{
	-webkit-box-shadow: 0 10px 60px rgba(0, 0, 0, .2);
	box-shadow: 0 10px 60px rgba(0, 0, 0, .2);
	border: 2px solid #932414;
} 
/*.news-list .jtxw .item:hover .run {
	-webkit-transform: translateY(40px);
	transform: translateY(40px)
} */
.news-list .item .left{ width: 50%; float: left;}
.news-list .item .left ul{    background: #f6f6f6;
    padding: 20px 0 20px 20px;}
.news-list .item .left li{ padding: 0 15px; background: #fff; line-height: 50px; border-bottom: 1px solid #ddd; overflow: hidden;}
.news-list .item .left li a{ display: block; line-height: 50px;  color: #000;}
.news-list .item .left li span{ float: right; line-height: 50px;    width: 30%; text-align: right; font-family: arial;}
.news-list .item .left li:hover{ background: #F8F8F8;}
.news-list .item .left li a:hover{ color:  #932414;}
.news-list .item .left li i {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-style: normal;
    width: 70%;
    float: left;
}
.news-list .item .right{ width: 47%; margin-left: 3%; float: left;}
.mt40{ margin: 40px auto; overflow: hidden;}
.ep-pages { clear: both; font-size: 12px; overflow: hidden; text-align: center; vertical-align: top; }
.news-list .item .left .ep-pages ul{
	padding:0 0 10px 0;
}
.news-list .item .left .ep-pages li { display: inline-block; margin: 0 5px; background: none;  border: 0; padding:0;}
.news-list .item .left .ep-pages li a{ line-height: 32px;}
.ep-pages a, .ep-pages a:visited { color: #333; }
.news-list .item .left .ep-pages li.active a { background: #932414 none repeat scroll 0 0; border: 1px solid #932414; color: #fff; }
.ep-pages a, .ep-pages span { background: #fff none repeat scroll 0 0; border: 1px solid #999999; display: inline-block; height: 30px; line-height: 30px; overflow: hidden; padding: 0 10px; vertical-align: top; }
.banner .swiper-pagination-bullet-active{ background: #932414;}
.news-con{  
	background: #f7f7f7;
    width: 100%;
    padding: 60px 0;}
.news-con .content{
	    width: 1280px;
    margin: 0 auto;
    background:#fff;
    padding: 20px 30px;
    
}
.news-con .content .title{
	    font-size: 20px;
    font-weight: 700;
    text-align: center;
    padding: 20px 0  40px 0;
}
.news-con .content .time{
	text-align: center;
    border-top: 1px solid #e5e5e5;
    padding: 20px 0;
}
.news-con .content .neirong{
	width: 100%;
    margin: 60px auto;
    font-size: 14px;
    line-height: 30px;
    overflow: hidden;
}
.contact{
	    width: 1280px;
    margin: 0 auto;
    padding: 60px 0;
    padding-bottom: 60px;
} 
.contact .title{
	    width: 35%;
    color: #444546;
    font-size: 30px;
    font-weight: 700;
    border-bottom: 1px solid hsla(0,0%,51%,.3);
    padding-bottom: 20px;
    position: relative;
} 
.contact .title:before{
	
	position: absolute;
    left: 0;
    bottom: 0;
    content: "";
    display: inline-block;
    width: 30%;
    height: 1px;
    background-color: #932414;
} 
.contact .three{
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 60px 0;
} 
.contact .three .one{
	cursor: pointer;
	    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 33.33%;
    text-align: center;
}
.contact .three .one img{
    width: 25px;
    height: 22px;
    -o-object-fit: contain;
    object-fit: contain;
    margin-top: 10px;
    -webkit-transition: 1s;
    transition: 1s;
} 
.contact .three .one .a{
    
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-transition: 1s;
    transition: 1s;
    width: 100%;
}
.contact .three .one .a i{height: 50px;
    width: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 100%;
    text-decoration: none;
    display: inline-block;
    color: #fff;
    font-size: 24px;
    background: #932414;}
.contact .three .one .a span:first-child {
    font-weight: 700;
     font-size: 18px;
}
.contact .three .one .a span:nth-child(2) {
    font-family: normal;
    padding-top: 40px;
    font-size: 18px;
    font-weight: bold;
}
.news-list .item{ overflow: hidden;}
.gcal{ overflow: hidden;}
.gcal ul{
	width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 60px;
}
.gcal ul li{
	width: 32%;
    cursor: pointer;
    -webkit-transition: all 2s;
    transition: all 2s;
    margin-right: 2%;
    margin-bottom: 30px;
    position: relative;
}
.gcal ul li:nth-child(3n){ margin-right: 0;} 
.gcal ul li .c{
	width: 100%;
    background-color: #fafafa;
    font-size: 14px;
    font-family: normal;
    font-weight: lighter;
    padding: 15px 0;
}
.gcal ul li .c p{
	width: 90%;
    margin-left: 5%;
    line-height: 30px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    -webkit-transition: all 2s;
    transition: all 2s;
}
.gcal ul li .line {
    position: absolute;
    background-color: #932414;
    -webkit-transition: .6s;
    transition: .6s;
}
.gcal ul li  .line-1 {
    top: 0;
    left: 0;
    width: 0;
    height: 2px;
}
.gcal ul li .line-2 {
    top: 0;
    left: 0;
    width: 2px;
    height: 0;
}
.gcal ul li .line-3 {
    bottom: 0;
    right: 0;
    width: 0;
    height: 2px;
}
.gcal ul li .line-4 {
    bottom: 0;
    right: 0;
    width: 2px;
    height: 0;
}
.gcal ul li:hover .line-1,
.gcal ul li:hover .line-3 {
	width: 100%
}

.gcal ul li:hover .line-2,
.gcal ul li:hover .line-4 {
	height: 100%
}




.neirong img{ display: inline-block;}
.load-more__btn{ width: 100%; overflow: hidden; text-align: center; padding: 20px 0;}

   .header_o{
    background: #000;
	background:rgba(0,0,0,0.8);  
    filter: alpha(opacity=80);}
.header{
	width: 100%;
	position: fixed;
	z-index:99999;
	top: 0;
	left: 0;
	height:86px;
	}
.NavTop{
	height:86px;
	padding:0px 5%;
	background:rgba(255,255,255,0);
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
	
	
}
.NavTop.active{
	background:#ffffff;}
.NavTop.active ul li{
	color:#000000;}

.NavTop ul{
	width:1000px;
	position: absolute;
    left: 50%;
    margin-left: -500px;
	}
.NavTop ul li{
	float:left;
	color:#fff;
	line-height:86px;
	font-size:16px;
	width:14.28%;
	font-weight: 700;
	    text-transform: uppercase;
	    text-align: center;
	}



.NavTop ul li m{
	display:block;
	width:0px;
	height:3px;
	background:#be0008;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
	margin-left:30px;
	margin-top:-4px
	}
.NavTop ul li:hover m{
	width:80px;
	margin-left:30px
	}	
.NavTop ul li.active m{
	width:100px;
	margin-left:30px
	}
table{
	border-spacing:0;
	border-collapse: collapse;
}
/*.NavTop ul a:first-of-type li:hover m{
	margin-left:-15px
	}
.NavTop ul a:first-of-type li.active m{
	margin-left:-15px
	}*/
.sub_menu{
	display:block;
	height:0px;
	width:100%;
	position:absolute;
	top:86px;
	left:0px;
	background: #ffffff;
	background:rgba(241,241,241,0.94);
    filter: alpha(opacity=94);
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
	display:none;
	}
.sub_menu.active{
	height:280px;
	background: #ffffff;
	background:rgba(241,241,241,0.94);
    filter: alpha(opacity=94);
	display:block;
	overflow: hidden;
	}
/*.sub_menu.active{
	height:350px;}*/

.sub_menu ul{
	width:1000px;
	margin:0px -340px;
	padding:30px 0;
	opacity:0;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
	margin-top:-40px;
	}

.sub_menu.active ul{
	opacity:1;
	ilter: alpha(opacity=100);
	margin-top:0px
	}
	
.sub_menu ul li{
	width:14.28%;
	margin-right:0;
	border-right:1px solid #e7e7e7;
	opacity:0;
	-webkit-transition: all 0.8s;
	transition: all 0.8s;
	height:200px;
	text-align: left;
	font-weight: normal;
	text-indent: 15px;
	text-transform: capitalize;
	}
.sub_menu ul li{
	height:280px;}

.sub_menu ul li:first-of-type{
	border-left:1px solid #ddd;
	}
.sub_menu ul li:last-child{
	border-right: 0;
}
.sub_menu.active ul li{
	border-right:1px solid #ddd;
	opacity:1;
	}
.sub_menu ul li ol{
	color:#333;
	line-height:18px;
	margin:8px 0;
	font-size:13px;
	padding: 0;
	}
.sub_menu ul li ol:hover{
	color:#be0008;

	}
	
.NavTop .logo{
	height: 55px;
	float: left;
	margin-top:15px;
    margin-right: 80px;
    
}
.NavTop .logo1.active{
	display:none
	}

.NavTop .logo img{
	display: block;
	height: 100%;
	cursor: pointer;
}
.NavTop .logo .logo_over{
	display:none
	}
	.NavTop .logo .logo_over img{
		display: block;
	height: 100%;
	cursor: pointer;
	}
.navBtn{
	width: 60px;
	height: 60px;
	margin-right: 20px;
	position: relative;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
	cursor: pointer;
	margin-top:15px;
	position:fixed;
	top:0px;
	right:230px;
	z-index:33333

}
.nav-search{
	/*width: 60px;
	height: 60px;*/
	margin-right: 40px;
	position: relative;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
	cursor: pointer;
	margin-top:33px;
	position:fixed;
	top:0px;
	right:300px;
	z-index:33333;
	 font-size: 24px;
	 color: #fff;
}
.nav-search.active{
 color: #333;


	}
.search-box{
	position: fixed;
    left: 0;
    height: 56px;
    width: 100%;
    top: 0;
    text-align: center;
    padding-top: 30px;
    background: rgba(147,36,20, .5);

    display: none;
    }
.search-box input{
    width: 300px;
    height: 30px;
    border-radius: 20px;
    border: none;
    border-bottom: 1px solid #fff;
    text-indent: 30px;}
.search-box .search button{    margin-left: -40px;
    cursor: pointer; background: none; border: 0;}    
.navBtn:hover{
	background: #ffffff;
	background: rgba(255,255,255,0.2);
    filter: alpha(opacity=20);
}
.navBtn span{
	display: block;
	width: 58%;
	height: 2px;
	background: #fff;
	position: absolute;
	top: 50%;
	left: 20%;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
}
.navBtn span.active{
	background: #555;


	}
.navBtn span:nth-of-type(1){
	margin-top: -10px;
}
.navBtn span:first-child{margin-top: -10px;}
.navBtn span:first-child+span+span{margin-top: 10px;}
.navBtn span:nth-of-type(3){
	margin-top: 10px;
}
.navBtn.active{
	background: #ffffff;
	background: rgba(255,255,255,0.2);
    filter: alpha(opacity=20);
}
.navBtn.active span{
	background:#333;}
.navBtn.active span:nth-of-type(2){
	opacity: 0;
}
.navBtn.active span:nth-of-type(1){
	margin-top: 0;
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg);
}
.navBtn.active span:nth-of-type(3){
	margin-top: 0;
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
}

.selectLanguage{
	float: right;
	margin-top:15px
}
.selectLanguage span{
	line-height: 60px;
	color: #333;
	font-size: 14px;
	margin-left: 14px;
	cursor: pointer;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.selectLanguage span.active{
	color: #be0008;
}
.selectLanguage span:hover{
	color: #be0008;
	text-decoration: underline;
}
/*导航Box*/
.NavBox{
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background: #2d2d33;
	background: #fff;
	z-index:338;
	box-sizing: border-box;
	/*padding:80px 5%;*/
	padding-bottom: 0;
	display: none;

	
}
.Nav{
	background:url(../images/banner4s.jpg) no-repeat;
	background-size:cover;
	margin:0px auto;
	height:100%;
}
.Nav a{ color: #333;}
.Nav dl{
	width: 16.6%;
	float: left;
	text-align:center;
	/*border-right:1px solid #eee;*/
	height:100%;
	-webkit-transition:all 0.4s linear;
	transition:all 0.4s linear;
	background:#fff;
}
.Nav dl:last-child{ border: 0;}
.Nav dl:hover{
	background:none;
	}
.Nav dl dt h1{
	font-size: 22px;
	line-height: 32px;
	letter-spacing: 2px;
	cursor: pointer;
	display: inline-block;
	position: relative;
	margin-bottom:15px;
	padding-top:64%;
	color:#333;	
}
.Nav dl:hover h1{
	color:#fff;}
.Nav dl dt h1:before{
	content: "";
	display: block;
	width: 0;
	height: 1px;
	background: #fff;
	position: absolute;
	top: 50%;
	margin-top: -1px;
	left: 50%;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
}
.Nav dl:hover dt h1:before{
	margin-left:-100px;
	width: 200px;
}
.Nav dl dd h2{
	font-size: 15px;
	margin-top: 15px;
	letter-spacing: 1px;
	display: inline-block;
	cursor: pointer;
	-webkit-transition:all 0.4s;
	transition:all 0.4s;
}
.Nav dl:hover h2{
	color: #ffffff;
	color: rgba(255,255,255,0.8);
    filter: alpha(opacity=80);}
.Nav dl dd h2:hover{
	text-decoration: underline;
}
.Nav dl p{
	font-size: 14px;
	color: #ccc;
	letter-spacing: 1px;
	margin-top: 6px;
	white-space: nowrap;
}
.Nav dl p:first-of-type(){
	margin-top: 30px;
}

/*.Nav dl:nth-child(6){
	margin-top: 30px;
}*/
@media(max-width: 1440px){
	.nav-search{ margin-right: -80px;}
.navBtn {
    right: 80px;}
.NavTop {
    padding: 0px 8%;}
.industryBox {
    width: 90%;}
.indexContactBigBox .box {
    width: 74%;}
.indexContactBigBox .box li .right {
    width: 40%;
    left: 40%;}
.indexContactBigBox .btn_n {
    width: 74%;}
.a1_ban {
    height: 680px;}
.w_all {
    width: 82%;}
.xq .close {
    top: 3%;
	right:8%;}
.p_bar2 .box .right{
	width:45%;}
}
@media(max-width: 1100px){
.p_bar2 .box .right{
	width:60%;}
html[lang="en"] .p_bar2 .box .right{
	width:65%;}
	}
@media(max-width: 992px){
.header {
    height: 62px;
}
.NavTop{
	padding:0 4%;
	height:62px;
	}
.NavTop .logo {
    height: 46px;
	margin-top:8px;
	position:relative;
	z-index:999999;
	margin-right:0;}
.NavTop ul{
	display:none;}
.selectLanguage{
	margin-top:4px;
	margin-right:60px;}
.selectLanguage span{
	margin-left:5px;}
.navBtn{
	right:1%;
	margin-right:0;
	margin-top:2px;}
.navBtn:hover {
    background: rgba(255,255,255,0);
}
.navBtn.active{
	background:#111;
	right:0;
	margin-top:0px;
	width:60%;
	height:62px;}
.navBtn.active span {
    background: #fff;
	width:30px;
	height:2px;
	margin-left: 60%;
	-webkit-transition: all 0s;
	transition: all 0s;
}
.NavBox{
	background:rgba(0,0,0,0.5);
	right:-100%;
	overflow: auto;
	}
.Nav {
    padding: 20% 0 90% 0;
    width: 60%;
    float: right;
    background: rgba(255,255,255,0.96);
     height: auto;

    }
.Nav dl dt h1 {
    font-size: 15px;
	letter-spacing:0;
	padding-top:0;
	margin:auto;
	margin-bottom:0;
	width:85%;
	display:block;}
.Nav dl:hover h1 {
	color:#333;}
.Nav dl dd h2 {
    font-size: 13px;
	letter-spacing:0px;
	padding-left:8%;}
.Nav dl:hover h2 {
    color:#666;
}
.about ul li h3 {
    margin-top: 10px;
	font-size:14px;}
.Nav dl {
    width: 100%;
    margin-left: 0%;
    float: none;
    height: auto;
    margin: auto;
    text-align: left;
	border:none;
	border-bottom: 1px solid #eee;
	margin-bottom:15px;
	padding-bottom:10px;
}
.Nav dl dd{
	display:none;
	color:#333;}
.Nav dl:hover {
    background:none;
}
.Nav dl dt h1:before {
	display:none;
}
.Nav dl dt h1:after {
	content:"";
	position:absolute;
	right:3%;
	top:10px;
	background:url(../images/arrow-down2.png);
	width:15px;
	height:9px;
	-webkit-transform:rotate(-90deg);
	transform:rotate(-90deg);
	opacity:0.6;
}
} 
  
.index-news-list{
	    width: 1350px;
    margin: 0 auto;
    padding: 60px 0;
}  
.index-news-list .item {
    overflow: hidden;
}    
.index-news-list .item .left {
    width: 40%;
    float: left;
}
.index-news-list .item .left ul{
	background: #f6f6f6;
	padding: 20px 0 20px 20px;
}
.index-news-list  .item .right {
    width: 57%;
    margin-left: 3%;
    float: left;
} 
.index-news-list .item .left li {
    line-height: 52px;
    border-bottom: 1px solid #ddd;
    overflow: hidden;
    padding: 0 15px;
    background: #fff;
}
/*.index-news-list .item .left li:nth-child(odd){
	background: #F8F8F8;
}*/
.index-news-list .item .left li span {
    float: right;
    line-height: 50px;
    width: 30%;
    text-align: right;
    font-family: arial;
}
.index-news-list .item .left li a{ display: block; line-height: 52px;  color: #000;}
.index-news-list .item .left li:hover{ background: #F8F8F8;}
.index-news-list .item .left li a:hover{ color:  #932414;}
.index-news-list .item .left li i{overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-style: normal; width: 70%; float: left;}
#share-2{ text-align: center;}
.zigongsi{ height: 500px; margin: 30px 0; }
.zigongsi li{ text-indent: 20px; width: 23.5%; float: left; margin-right: 2%; padding: 20px 0;-webkit-box-shadow:0 0px 1px 1px rgba(0, 0, 0, .2);
	box-shadow:0 0px 1px 1px rgba(0, 0, 0, .2); height: 120px; margin-bottom: 30px;}
.zigongsi li:nth-child(4n){ margin-right: 0;}
.zigongsi h2{ margin-bottom: 10px; font-size: 16px;}
.zigongsi li:hover{ background: #932414; cursor: pointer; color: #fff;transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-o-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-ms-transition: 0.5s all;}

.slideBox{ position:relative;  /*overflow:hidden;*/ }
	.slideBox .hd{ position:absolute; height:28px; line-height:28px; bottom:0; right:0; z-index:1; }
	.slideBox .hd li{ cursor: pointer; display:inline-block; width:15px; text-align: center; line-height: 15px; height:15px; background:#fff;  overflow:hidden; margin:0 3px;   }
	.slideBox .hd li.on{ background:#932414;  color: #fff; }
	.slideBox .bd{ position:relative; z-index:0; }
	.slideBox .bd li{ position:relative;    background: #f8f8f8;}
	.slideBox .bd li img{ width:100%;  display:block;   }
	.slideBox .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */ }
	.slideBox .bd li .tit{ display:block; width:100%;  position:absolute; bottom:0; text-indent:10px; height:35px; line-height:35px; background:rgba(0,0,0,.5)url(images/focusBg.png) repeat-x; color:#fff;   }

.news-list .item .left li a:hover{ color: #932414; }
.news-list .slideBox .bd li .tit{ background: #f8f8f8;}
.news-list .slideBox .bd li .tit{ position: relative;     color: #333; height: 50px;
    line-height: 50px;}
    .miaoshu{ line-height: 30px; height: 60px; padding: 18px 10px; display: block; border-top: 1px dashed #ddd;}
.news-list .slideBox .hd{ bottom: 105px;}

.fix-bar{z-index:55;position:fixed;right:0;bottom:29%}
.fix-bar .item{width:50px;height:51px;position:relative;border-bottom:1px solid #ddd}
.fix-bar .item:nth-child(3) span{background-image:url(../images/fix_bar2.png)}
.fix-bar .item:nth-child(4) span{background-image:url(../images/fix_bar10.png)}
.fix-bar .item:nth-child(5) span{background-image:url(../images/fix_bar10.png)}

.fix-bar .item .imgs,.fix-bar .item em{position:absolute; font-style: normal; color:#fff;top:0;right:0;width:50px;height:50px;overflow:hidden;line-height:50px;white-space:nowrap;transition:all .8s;-webkit-transition:all .8s}
.fix-bar .item .imgs a,.fix-bar .item em a{color:#fff; display: block; line-height: 50px;}
.fix-bar .item .imgs span,.fix-bar .item em span{width:50px;height:50px; display: inline-block;}
.fix-bar .item .imgs i,.fix-bar .item em i{width:160px;text-align:center;display: inline-block;height:50px;  font-style: normal;}
.fix-bar .item:hover em{width:210px;display: block;}
.fix-bar #gotop,.fix-bar .pic{height:50px;width:50px;cursor:pointer}
.fix-bar .pic{background-image:url(../images/fix_bar4.png)}
.fix-bar .pic:hover .imgs{visibility:visible;opacity:1;right:100%}
.fix-bar .pic .imgs{visibility:hidden;opacity:0;z-index:-1;position:absolute;width:100px;height:100px;right:-200%;top:0;background-color:#eee}
.fix-bar #gotop{background-image:url(../images/fix_bar3.png)}
.fix-bar .item em span,.fix-bar .pic{background-repeat:no-repeat;background-position:center}
.fix-bar .item em span,.fix-bar .item i,.fix-bar .pic{background-color:#932414;}
.fix-bar .item:hover em span,.fix-bar .item:hover i,.fix-bar .pic:hover{background-color:#932414;}
.fix-bar #gotop,.fix-bar .pic{height:50px;width:50px;cursor:pointer}
#gotop,.fix-bar .item em span,.fix-bar .pic{background-repeat:no-repeat;background-position:center}
#gotop,.fix-bar .item em span,.fix-bar .item i,.fix-bar .pic{background-color:#932414}
#gotop:hover,.fix-bar .item:hover em span,.fix-bar .item:hover i,.fix-bar .pic:hover{background-color:#932414}


.desktop-wrapper {
    display: flex;
    justify-content: center;
    overflow: hidden;
}
.desktop-wrapper .container
{
	width: 1280px;
}
.desktop-wrapper .options {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    overflow: hidden;
    min-width: 600px;
    width: 100%;
    height: 510px;
}

.desktop-wrapper .options .option {
    position: relative;
    overflow: hidden;
    min-width:150px;
/*    background-size: 100% 100%;*/
    background-repeat: no-repeat;
    cursor: pointer;
    transition: 0.5s cubic-bezier(0.05, 0.61, 0.41, 0.95);
    color: #fff;
}

.desktop-wrapper .options .option.active-1 {
    flex-grow: 10000;
    -webkit-transition-property: all;
    -moz-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    transition-duration: 0.4s;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.desktop-wrapper .options .option.active-1>div {
    z-index: 1;
}

.desktop-wrapper .options .option.active-1>div .info-wrapper {
    z-index: 999;
}

.desktop-wrapper .options .option.active-1>div .info-wrapper .title {
    font-size: 1.953rem;
    text-transform: uppercase;
    line-height: 1;
    opacity: 1;
    position: relative;
    margin: 0 0 .5rem;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition-delay: 0.2s;
    -moz-transition-delay: 0.2s;
    transition-delay: 0.2s;
}

.desktop-wrapper .options .option.active-1>div .info-wrapper .subtitle {
    color: white;
    font-size: .9rem;
    letter-spacing: .035rem;
    line-height: 1.125;
    margin: 0;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition-delay: 0.5s;
    -moz-transition-delay: 0.5s;
    transition-delay: 0.5s;
}

.desktop-wrapper .options .option.active-1>div .info-wrapper .description {
    left: 0px;
    opacity: 1;
    margin-top: 1.5rem;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition-delay: 0.6s;
    -moz-transition-delay: 0.6s;
    transition-delay: 0.6s;
}

.desktop-wrapper .options .option.active-1>div .info-wrapper .description p {
    line-height: 1.5;
    margin-bottom: 1.5rem;
}

.desktop-wrapper .options .option.active-1>div .info-wrapper .ext-link {
    text-decoration: none;
    width: 6rem;
    color: #e9ecef;
    text-shadow: 1px 2px 4px rgba(33, 37, 41, 0.5);
    box-shadow: 2px 2px 4px rgba(33, 37, 41, 0.3);
    background: rgba(255, 255, 255, 0.1);
    padding: .35rem .75rem;
    position: relative;
    overflow: hidden;
    transition: all 0.2s linear 0s;
}

.desktop-wrapper .options .option.active-1>div .info-wrapper .ext-link:after {
    position: absolute;
    transition: .3s;
    content: '';
    width: 0;
    left: 0;
    bottom: 0;
    height: .15rem;
    background: rgba(255, 255, 255, 0.2);
}

.desktop-wrapper .options .option.active-1>div .info-wrapper .ext-link:hover {
    text-shadow: none;
    box-shadow: 3px 3px 8px rgba(33, 37, 41, 0.6);
    background: rgba(255, 255, 255, 0.15);
    color: #fff;
}

.desktop-wrapper .options .option.active-1>div .info-wrapper .ext-link:hover:after {
    left: 0;
    width: 100%;
}

.desktop-wrapper .options .option.active-1>div:before {
    content: "";
    position: absolute;
    height: 100%;
    width: 101%;
    top: 0;
    left: 0;
    z-index: 1;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.65) 30%, rgba(0, 0, 0, 0) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.65) 30%, rgba(0, 0, 0, 0) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.65) 30%, rgba(0, 0, 0, 0) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    -webkit-transition-property: all;
    -moz-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    transition-duration: 0.2s;
}

.desktop-wrapper .options .option.active>div .icon-wrapper {
    display: flex;
    align-items: flex-start;
    align-content: baseline;
}

.desktop-wrapper .options .option.active>div .icon-wrapper .category-text {
    opacity: 1;
    display: initial;
    -webkit-transition-property: all;
    -moz-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    transition-duration: 0.2s;
}

.desktop-wrapper .options .option.active>div .icon-wrapper .category-icon:before {
    opacity: 1;
}

.desktop-wrapper .options .option:not(.active-1) {
    flex-grow: 1;
    filter: grayscale(70%);
}

.desktop-wrapper .options .option:not(.active-1):hover {
    filter: grayscale(0%);
}

.desktop-wrapper .options .option:not(.active-1):hover>div:before {
    background: rgba(2, 24, 31, 0.5);
}

.desktop-wrapper .options .option:not(.active)>div .title,
.desktop-wrapper .options .option:not(.active)>div .subtitle,
.desktop-wrapper .options .option:not(.active)>div .description {
    opacity: 0;
}

.desktop-wrapper .options .option:not(.active)>div .icon-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    align-items: center;
    padding-bottom: 1rem;
}

.desktop-wrapper .options .option:not(.active-1)>div .icon-wrapper .category-icon:before {
    opacity: .5;
}

.desktop-wrapper .options .option:not(.active-1)>div:before {
    background: rgba(52, 58, 64, 0.6);
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition-property: all;
    -moz-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    transition-duration: 0.2s;
}



.options> :nth-child(1) {
    background-color: #515272;
    background-image: url("../images/1.jpg");
    background-position: center center;
    background-size: cover;
}

.options> :nth-child(2) {
    background-color: #6c3f31;
    background-image: url("../images/2.jpg");
    background-position: center center;
    background-size: cover;
}

.options> :nth-child(3) {
    background-color: #323119;
    background-image: url("../images/3.jpg");
    background-position: center center;
    background-size: cover;
}

.mobile-wrapper {
    height: initial;
    max-width: 320px;
    margin: 0 auto;
}

.mobile-wrapper .options {
    position: relative;
    height: auto;
    max-width: none !important;
    flex-basis: 100% !important;
}

.mobile-wrapper .options .option {
    position: relative;
    overflow: hidden;
    background-size: auto 120%;
    background-position: center;
    transition: 0.5s cubic-bezier(0.05, 0.61, 0.41, 0.95);
    color: #fff;
}

.mobile-wrapper .options .option>div {
    z-index: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    width: 100%;
    padding: 2rem 1rem 1rem;
    top: 0;
    left: 0;
    transition: 0.5s cubic-bezier(0.05, 0.61, 0.41, 0.95);
}

.mobile-wrapper .options .option>div .info-wrapper {
    z-index: 999;
}

.mobile-wrapper .options .option>div .info-wrapper .title {
    font-size: 1.5rem;
    text-shadow: 1px 2px 4px rgba(33, 37, 41, 0.5);
    text-transform: uppercase;
    line-height: 1;
    opacity: 1;
    position: relative;
    margin: 0 0 .5rem;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition-delay: 0.2s;
    -moz-transition-delay: 0.2s;
    transition-delay: 0.2s;
}

.mobile-wrapper .options .option>div .info-wrapper .subtitle {
    color: white;
    font-size: .8rem;
    letter-spacing: .06rem;
    line-height: 1.125;
    margin: 0;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition-delay: 0.5s;
    -moz-transition-delay: 0.5s;
    transition-delay: 0.5s;
}

.mobile-wrapper .options .option>div .info-wrapper .description {
    left: 0px;
    opacity: 1;
    margin-top: 1.5rem;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition-delay: 0.6s;
    -moz-transition-delay: 0.6s;
    transition-delay: 0.6s;
}

.mobile-wrapper .options .option>div .info-wrapper .description p {
    line-height: 1.5;
    margin-bottom: 1.5rem;
}

.mobile-wrapper .options .option>div .info-wrapper .ext-link {
    text-decoration: none;
    width: 6rem;
    color: #e9ecef;
    text-shadow: 1px 2px 4px rgba(33, 37, 41, 0.5);
    box-shadow: 2px 2px 4px rgba(33, 37, 41, 0.3);
    background: rgba(255, 255, 255, 0.1);
    padding: .35rem .75rem;
    position: relative;
    overflow: hidden;
    transition: all 0.2s linear 0s;
}

.mobile-wrapper .options .option>div .info-wrapper .ext-link:after {
    position: absolute;
    transition: .3s;
    content: '';
    width: 0;
    left: 0;
    bottom: 0;
    height: .15rem;
    background: rgba(255, 255, 255, 0.2);
}

.mobile-wrapper .options .option>div .info-wrapper .ext-link:hover {
    text-shadow: none;
    box-shadow: 3px 3px 8px rgba(33, 37, 41, 0.6);
    background: rgba(255, 255, 255, 0.15);
    color: #fff;
}

.mobile-wrapper .options .option>div .info-wrapper .ext-link:hover:after {
    left: 0;
    width: 100%;
}

.mobile-wrapper .options .option>div .icon-wrapper {
    width: 100%;
    display: flex;
    align-items: center;
    padding: 2rem 0 0;
    z-index: 999;
    opacity: 0.8;
}

.mobile-wrapper .options .option>div .icon-wrapper .category-text {
    line-height: 40px;
    padding-left: .75rem;
}

.mobile-wrapper .options .option>div .icon-wrapper .category-icon {
    display: flex;
    align-items: flex-start;
    width: 32px;
    height: 32px;
    border-radius: 100%;
    position: relative;
    box-shadow: 0 2px 9px rgba(33, 37, 41, 0.4);
}

.mobile-wrapper .options .option>div .icon-wrapper .category-icon:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-repeat: no-repeat;
    -webkit-mask-image: url(../images/sports_biotech_icon.svg);
    mask-image: url(../images/sports_biotech_icon.svg);
    background-color: #fff;
    height: 16px;
    width: 16px;
}

.mobile-wrapper .options .option>div .icon-wrapper.sb .category-icon {
    background-color: #0DAFE0;
}

.mobile-wrapper .options .option>div .icon-wrapper.ce .category-icon {
    background-color: #f2501f;
}

.mobile-wrapper .options .option>div:before {
    content: "";
    position: absolute;
    height: 100%;
    width: 101%;
    top: 0;
    left: 0;
    z-index: 1;
    background: rgba(52, 58, 64, 0.7);
    -webkit-transition-property: all;
    -moz-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    transition-duration: 0.2s;
}

.container .row h4:first-of-type {
    text-align: center;
    margin: 0 auto;
    padding-bottom: 1rem;
}
.mc-pic{ display: none;}
.weibo{ display: none;}
.company-box{ width: 95%; margin: 20px auto; overflow: hidden;}  
.about-contact{ float: left; width: 50%; font-size: 16px; line-height: 35px;}
.about-pic{ float: right; width: 48%;}
.seo{ margin-top: 20px;}

@media (max-width: 1279px) {
	/*.desktop-wrapper .container{ width:1280px;}
	.desktop-wrapper .options .option{min-width:80px;}*/
	.about-contact{ width: 100%;}
	.about-pic{width: 100%;}
	.desktop-wrapper{ display: none;}
	.mc-pic{ display: block; width: 100%; margin:5px auto 15px auto;}
	.mc-pic img{ width: 100%;}
	.search-box{ z-index: 9999999; top: 68px;}
	.nav-search{right:280px; /*margin-top: 20px; */z-index: 99999999;}
	#divgundong p{ width: 28%; float: none;}
	.about-con .btn{ margin-top: 10px;}
	.tzgg{ padding: 15px;}
	.fix-bar{ display: none;}
	.menuBox {
		position: fixed;
		top: 85px;
		left: -100%;
		height: 100vh;
		width: 100%;
		background-color: rgba(12, 54, 101, .9);
		z-index: 1010;
		-webkit-transition: .8s;
		transition: .8s;
		display: block;
	}
	.menuBox .item {
		margin-top: 50px;
	}
	.menuBox .item span {
		display: block;
		font-size: 18px;
		color: #fff;
		width: 100%;
		padding: 15px 0;
		text-align: center;
	}
	.menuBox .item span a {
		color: #fff;
	}
	.menuBox.open{
    left: 0;
    }
    .active {
    background: #fff;
}
	.top {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		width: 100%;
		padding: 20px 0 10px 0;
		-webkit-transition: all 2s;
		transition: all 2s;
		
		width: 100%;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 1000;
		-webkit-transition: all .6s;
		transition: all .6s;
	}
	.top img {
		padding-left: 15px;
		margin-top: -10px;
	}
	.top .logo4 {
		display: none;
	}
	.active .logo3 {
		display: none;
	}
	.active .logo4 {
		display: block;
	}
	.active .mNav .burger {
		background-color: #333;
	}
	.top .mNav {
		display: block;
		-webkit-transition: .8s;
		transition: .8s;
		position: absolute;
		right: 0;
		top: 0;
		bottom: 0;
		width: 60px;
	}
	.mNav .burger {
		width: 32px;
		height: 4px;
		background-color: #fff;
		position: absolute;
		top: 28px;
		left: 50%;
		margin: 0 0 0 -16px;
		-webkit-transform-origin: center;
		transform-origin: center;
		-webkit-transition: .8s;
		transition: .8s;
	}
	.top .mNav .burger:nth-of-type(2) {
		top: 38px;
	}
	.top .mNav .burger:nth-of-type(3) {
		top: 48px;
	}
	/*.header {
		display: none;
	}*/
	.banner {
		width: 100%;
		height: 100vh;
		position: relative;
	}
	.banner .swiper-container {
		height: 100%;
	}
	.banner .text p:first-child {
		font-size: 22px;
		font-weight: 700;
		width: 100%;
		height: 40px;
	}
	.banner .text p:nth-child(2) {
		font-size: 14px;
		line-height: 35px;
		width: 90%;
		margin-top: 10px;
	}
	.banner .text p:nth-child(3) {
		font-size: 12px;
		color: hsla(0, 0%, 100%, .2);
		width: 90%;
		margin-top: 30px;
		line-height: 20px;
	}
	.banner .text {
		z-index: 10;
		position: absolute;
		left: 5%;
		top: 30%;
		width: 90%;
		color: #fff;
	}
	.banner .scr {
		width: 15%;
		left: 43%;
	}
	.about{ height: 1100px;}
	.about .about-con .title {
		font-size: 25px;
		font-weight: 700;
		text-transform: uppercase;
		text-align: center;
		width: 100%;
		margin-top: 20px;
		color: #444546;
		font-family: arial;
	}
	.about .about-con {
		width: 90%;
		left: 10%;
		top: 5%;
	}
	.about .about-con .content {
		width: 100%;
		margin-left: 0;
		margin-top: 0;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		width: 100%;
		margin-left: 0;
		margin-top: 0;
	}
	.about .about-con .content .left {
		padding-top: 30px;
	}
	.about .about-con .content .right {
		margin-left: 0;
		width: 95%;
	}
	.about .about-con .content .right .jianjie {
		margin-top: 15px;
	}
	.about .about-con .content .right .shun {
		margin-top: 30px;
	}
	.about .right ul li h2 strong {
		font-size: 20px;
	}
	.about .right ul {
		padding-top: 15px;
	}
	.about .right ul li h3 {
		font-size: 12px;
		margin-top: 15px;
	}
	.bankuai{ /*height: 500px;*/ background: #eeeeee; padding: 20px 0;}
	.bankuai .main img {
		width: 100%;
		height: 180px;
	}
	.bankuai .main .left {
		width: 100%;
	}
	.bankuai-con {
		width: 100%;
		margin-left: 0;
	}
	.bankuai .main {
		/*webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse;*/
		width: 90%; margin: 0 auto;
	}
	.bankuai .main .right{ width: 100%;}
	.bankuai .main .left .p1 {
		font-size: 20px;
		margin-top: 20px;
	}
	.bankuai .main .left .p2 {
		font-size: 24px;
		width: 90%;
		top: 2%;
		
		font-family: arial;
	}
	.bankuai .main .left .p3 {
		margin: 10px auto;
		/*height: 180px;*/
		width: 100%;
		 margin: 0 auto;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 6;
		overflow: hidden;
		position: relative;
		top: 0;
		right: 0;
		padding: 0;
		background-size:100% 100% ;
	}
	.bankuai .main .left .p4 {
		top: 85%;
		z-index: 1000;
		 position: absolute;
	}
	.swiper-container1 .swiper-button-next,
	.swiper-container1 .swiper-button-prev {
		bottom: -5%;
		top: 115%;
	}
	.swiper-container1 .swiper-button-next{ right: 55%;}
	.news .a {
		font-size: 22px;
		padding-left: 20px;
	}
	.news .title {
		width: 100%;
	}
	.news .b {
		font-size: 25px;
		padding-left: 20px;
	}
	.news .swiper-container2 {
		display: none;
	}
	.news .swiper-container3 {
		display: block;
	}
	.map {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	.map .left {
		width: 100%;
		height: 400px;
	}
	.map .infor {
		width: 100%;
	}
	.map .infor .item {
		padding: 20px 20px 20px 90px;
	}
	.ln {
		width: 95%;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		padding-bottom: 30px;
	}
	.ln .left {
		width: 100%;
	}
	.ln .right {
		width: 100%;
		margin-left: 0;
		margin-top: 30px;
		display: block;
		
	}
	.ln .left .b{font-size: 25px;}
	.footer .one {
    width: 95%;
    margin-left: 2.5%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px 0;
}
	.footer .one .left{
	    width: 90%;
	}
	.one .left img {
    width: 92px;
    /*height: 79px;*/
}
.footer .one .nav{ display: none;}
.footer .one .rightInfo{
    margin-left: 0;
    margin-top: 30px;
    display: none;
}
.footer .two{
    width: 100%;
}
.weibo{ width: 95%; margin: 30px auto; text-align: center; display: block;}
.weibo li{ text-align: center; display: inline-block; width: 50%;}
.weibo li img{ display: inline-block;}
.weibo li p{ color: #fff;}
.footer .two .mainCon {
    width: 95%;
    margin-left: 2.5%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
}

.swiper-container3 .swiper-button-next,
.swiper-container3 .swiper-button-prev {
	bottom: 15%;
	top: 85%;
}
.swiper-container3 .swiper-button-prev {
	width: 60px;
    height: 60px;
    border-radius: 50%;
    border: 1px solid rgba(0,0,0,.1);
    text-align: center;
   background: none;
   text-align: center;
   line-height: 70px;
   overflow: hidden;
  

}
.news .swiper-container3 .swiper-button-prev img{ display: inline-block; width: 23px; height: 23px;}
.swiper-container3 .swiper-button-next {
	right: 55%;
	bottom: 15%;
	    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: 1px solid rgba(0,0,0,.1);
    text-align: center;
   background: none;
   text-align: center;
   line-height: 70px;
   overflow: hidden;
}
.news .swiper-container3 .swiper-button-next img{ display: inline-block; width: 23px; height: 23px;}
.swiper-container3 .swiper-button-next.swiper-button-disabled, .swiper-container3 .swiper-button-prev.swiper-button-disabled{ opacity: .8}
.news{ padding-bottom: 30px; margin-bottom: 30px; width: 100%;}
.about-main .content .left ul li h2 strong {
		font-size: 20px;
}
.about-main .content .left ul {
	padding-top: 15px;
}
.about-main .content .left ul li h3 {
	font-size: 12px;
	margin-top: 15px;
}
.about-main .dialog p{ text-indent: 24px;} 
.about-box ul {
    width: 100%;
    /*-webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;*/
}
.about-box ul li{
 
    width: 33.33%;
    text-align: center;
    float: left;
}
.about-box ul li a{
	padding: 10px 0;
	font-size: 14px;
}
.about-main{ padding-bottom: 30px;}
.about-main .big{ height: 100px;}
.about-main .content{
    width: 95%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: -90px;
}
.about-main .content .left{
    width: 100%;
}
.about-main .content .left .a{
    margin-top: 50px;
}
.about-main .content .right{
	margin-left: 0;
    width: 100%;
    padding-top: 30px;
}
.about-main .content .right p{ display: none;}
.zzjg{ height: 680px;}
.zzjg .add{ width: 100%; left: 0;}
.zzjg .title{ margin-left: 5%;}
.company .title{width: 80%;
    margin-left: 10%;
    font-size: 22px;}
 .company .content .item{ width: 100%;}
 .company .content{    width: 95%;
    margin-left: 2.5%;}
  .news-list {
  	        width: 95%;
    margin-left: 2.5%;
  }  
 .news-list .jtxw .item{ width: 100%; margin-left: 0; margin-top: 15px;}
 .news-list .item .left{ width: 100%; float: none;}

.news-list .item .right{ width: 100%; float: none; margin-left: 0;}
.news-con .content{    width: 90%;
    margin-left: 2.5%;
    padding: 20px 2.5%;}
    .news-con .content .title{ font-size: 16px; line-height: 30px; padding: 0 0 20px 0;}
    .news-con .content .neirong{ margin:0 auto 30px auto;}
    /*.news-list .item .left li span{ display: none;}*/
    .gcal ul li{ width: 100%; margin-bottom: 15px;}
    .gcal ul{
    	-webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    margin-top: 30px;
    }
    .contact{width: 90%;
    margin-left: 5%;
    padding-bottom: 60px;}
    .contact .title{ width: 80%;}
    .contact .three{
    	    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    }
    .contact .one{
    	    margin-top: 30px;
    }
    .company-page{
    	width: 95%;
    margin-left: 2.5%;
    }
    .company-page .content{ width: 100%; margin-left: 0; margin-top: 15px;}
    .company-page .title{ margin-left: 0;}
    .about-img img{ height: 200px;}
    .news-list .title{ margin: 15px 20%; font-size: 18px;}
    .news .main{ padding:20px 0 0px 0;}
    .index-news-list {
	    width: 95%;
	    margin-left: 2.5%;
	    padding: 0;
	}
	.index-news-list .item .left {
	    width: 100%;
	    float: none;
	    margin: 20px 0;
	}
	.index-news-list  .item .right {
	    width: 100%;
	    float: none;
	    margin-left: 0;
	}
	.zigongsi li{ width: 99%; box-shadow: none; border: 1px solid #ddd;}
	.zigongsi{ height: auto; overflow: hidden;}
	.contact .three .one{ width: 100%;}
	
}
@media (max-width: 1200px) {
	.NavTop{ padding: 0 4%;}
	.NavTop ul{ width: 640px; margin-left: -320px;}

}
@media (max-width: 992px) {

	.nav-search{    right: 180px;
    margin-top: 20px;}
}